Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
reeft_gps_test
/
REEFTintegrationLog
/
x__saved
:
aaa.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?php ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JSON Parsing with jQuery</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <ul id="details-list"></ul> <script> $(document).ready(function() { var jsonData = { "detail": [ { "counter": 1, "LINE": "LA", "REEFT_LINE": "Line1", "LINENAME": "Lean A", "FIRST_WC": "A10", "FIRST_WORKCENTER": "A10", "LAST_WC": "A90", "LAST_WORKCENTER": "A90", "WORKCENTERS": "A10|A20|A30|A40|A50|A60|A65|A70|A80|A90", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "A10" }, { "WC_COUNTER": 2, "WORKCENTER": "A20" }, { "WC_COUNTER": 3, "WORKCENTER": "A30" }, { "WC_COUNTER": 4, "WORKCENTER": "A40" }, { "WC_COUNTER": 5, "WORKCENTER": "A50" }, { "WC_COUNTER": 6, "WORKCENTER": "A60" }, { "WC_COUNTER": 7, "WORKCENTER": "A65" }, { "WC_COUNTER": 8, "WORKCENTER": "A70" }, { "WC_COUNTER": 9, "WORKCENTER": "A80" }, { "WC_COUNTER": 10, "WORKCENTER": "A90" } ] }, { "counter": 2, "LINE": "LB", "REEFT_LINE": "Line2", "LINENAME": "Lean B", "FIRST_WC": "B05", "FIRST_WORKCENTER": "B05", "LAST_WC": "B65", "LAST_WORKCENTER": "B65", "WORKCENTERS": "B05|B10|B15|B20|B25|B28|B30|B35|B40|B45|B47|B47|B50|B50|B60", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "B05" }, { "WC_COUNTER": 2, "WORKCENTER": "B10" }, { "WC_COUNTER": 3, "WORKCENTER": "B15" }, { "WC_COUNTER": 4, "WORKCENTER": "B20" }, { "WC_COUNTER": 5, "WORKCENTER": "B25" }, { "WC_COUNTER": 6, "WORKCENTER": "B28" }, { "WC_COUNTER": 7, "WORKCENTER": "B30" }, { "WC_COUNTER": 8, "WORKCENTER": "B35" }, { "WC_COUNTER": 9, "WORKCENTER": "B40" }, { "WC_COUNTER": 10, "WORKCENTER": "B45" }, { "WC_COUNTER": 11, "WORKCENTER": "B47" }, { "WC_COUNTER": 12, "WORKCENTER": "B47" }, { "WC_COUNTER": 13, "WORKCENTER": "B50" }, { "WC_COUNTER": 14, "WORKCENTER": "B50" }, { "WC_COUNTER": 15, "WORKCENTER": "B60" } ] }, { "counter": 3, "LINE": "LC", "REEFT_LINE": "Line3", "LINENAME": "Lean C", "FIRST_WC": "C10", "FIRST_WORKCENTER": "C10", "LAST_WC": "C90", "LAST_WORKCENTER": "C90", "WORKCENTERS": "C10|C20|C30|C40|C50|C60|C70|C70|C90", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "C10" }, { "WC_COUNTER": 2, "WORKCENTER": "C20" }, { "WC_COUNTER": 3, "WORKCENTER": "C30" }, { "WC_COUNTER": 4, "WORKCENTER": "C40" }, { "WC_COUNTER": 5, "WORKCENTER": "C50" }, { "WC_COUNTER": 6, "WORKCENTER": "C60" }, { "WC_COUNTER": 7, "WORKCENTER": "C70" }, { "WC_COUNTER": 8, "WORKCENTER": "C70" }, { "WC_COUNTER": 9, "WORKCENTER": "C90" } ] }, { "counter": 4, "LINE": "LD", "REEFT_LINE": "Line4", "LINENAME": "Lean D", "FIRST_WC": "D05", "FIRST_WORKCENTER": "D05", "LAST_WC": "D90", "LAST_WORKCENTER": "D90", "WORKCENTERS": "D05|D10|D20|D30|D40|D50|D55|D60|D70|D70|D90", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "D05" }, { "WC_COUNTER": 2, "WORKCENTER": "D10" }, { "WC_COUNTER": 3, "WORKCENTER": "D20" }, { "WC_COUNTER": 4, "WORKCENTER": "D30" }, { "WC_COUNTER": 5, "WORKCENTER": "D40" }, { "WC_COUNTER": 6, "WORKCENTER": "D50" }, { "WC_COUNTER": 7, "WORKCENTER": "D55" }, { "WC_COUNTER": 8, "WORKCENTER": "D60" }, { "WC_COUNTER": 9, "WORKCENTER": "D70" }, { "WC_COUNTER": 10, "WORKCENTER": "D70" }, { "WC_COUNTER": 11, "WORKCENTER": "D90" } ] }, { "counter": 5, "LINE": "LE", "REEFT_LINE": "Line5", "LINENAME": "Lean E", "FIRST_WC": "E10", "FIRST_WORKCENTER": "E10", "LAST_WC": "E95", "LAST_WORKCENTER": "E95", "WORKCENTERS": "E05|E10|E20|E30|E40|E45|E50|E60|E70|E80|E80|E90|E95", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "E05" }, { "WC_COUNTER": 2, "WORKCENTER": "E10" }, { "WC_COUNTER": 3, "WORKCENTER": "E20" }, { "WC_COUNTER": 4, "WORKCENTER": "E30" }, { "WC_COUNTER": 5, "WORKCENTER": "E40" }, { "WC_COUNTER": 6, "WORKCENTER": "E45" }, { "WC_COUNTER": 7, "WORKCENTER": "E50" }, { "WC_COUNTER": 8, "WORKCENTER": "E60" }, { "WC_COUNTER": 9, "WORKCENTER": "E70" }, { "WC_COUNTER": 10, "WORKCENTER": "E80" }, { "WC_COUNTER": 11, "WORKCENTER": "E80" }, { "WC_COUNTER": 12, "WORKCENTER": "E90" }, { "WC_COUNTER": 13, "WORKCENTER": "E95" } ] }, { "counter": 6, "LINE": "LK", "REEFT_LINE": "Line11", "LINENAME": "Lean K", "FIRST_WC": "K10", "FIRST_WORKCENTER": "K10", "LAST_WC": "K30", "LAST_WORKCENTER": "K30", "WORKCENTERS": "K10|K20|K30|K40|K50|K60", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "K10" }, { "WC_COUNTER": 2, "WORKCENTER": "K20" }, { "WC_COUNTER": 3, "WORKCENTER": "K30" }, { "WC_COUNTER": 4, "WORKCENTER": "K40" }, { "WC_COUNTER": 5, "WORKCENTER": "K50" }, { "WC_COUNTER": 6, "WORKCENTER": "K60" } ] }, { "counter": 7, "LINE": "LF", "REEFT_LINE": "Line6", "LINENAME": "Lean F", "FIRST_WC": "PA1", "FIRST_WORKCENTER": "PA1", "LAST_WC": "PA3", "LAST_WORKCENTER": "PA3", "WORKCENTERS": "PA1|PA2|PA3", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "PA1" }, { "WC_COUNTER": 2, "WORKCENTER": "PA2" }, { "WC_COUNTER": 3, "WORKCENTER": "PA3" } ] }, { "counter": 8, "LINE": "LG", "REEFT_LINE": "Line7", "LINENAME": "Lean G", "FIRST_WC": "PA1", "FIRST_WORKCENTER": "PA1", "LAST_WC": "PA3", "LAST_WORKCENTER": "PA3", "WORKCENTERS": "PA1|PA2|PA3", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "PA1" }, { "WC_COUNTER": 2, "WORKCENTER": "PA2" }, { "WC_COUNTER": 3, "WORKCENTER": "PA3" } ] }, { "counter": 9, "LINE": "LH", "REEFT_LINE": "Mountline10", "LINENAME": "Lean H", "FIRST_WC": "BE1", "FIRST_WORKCENTER": "BE1", "LAST_WC": "BE4", "LAST_WORKCENTER": "BE4", "WORKCENTERS": "BE1|BE2|BE3|BE4", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "BE1" }, { "WC_COUNTER": 2, "WORKCENTER": "BE2" }, { "WC_COUNTER": 3, "WORKCENTER": "BE3" }, { "WC_COUNTER": 4, "WORKCENTER": "BE4" } ] }, { "counter": 10, "LINE": "LI", "REEFT_LINE": "Line9", "LINENAME": "Lean I", "FIRST_WC": "BE1", "FIRST_WORKCENTER": "BE1", "LAST_WC": "BE2", "LAST_WORKCENTER": "BE2", "WORKCENTERS": "BE1|BE2", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "BE1" }, { "WC_COUNTER": 2, "WORKCENTER": "BE2" } ] }, { "counter": 11, "LINE": "LJ", "REEFT_LINE": "Line10", "LINENAME": "Lean J", "FIRST_WC": "BE1", "FIRST_WORKCENTER": "BE1", "LAST_WC": "BE2", "LAST_WORKCENTER": "BE2", "WORKCENTERS": "BE1|BE2", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "BE1" }, { "WC_COUNTER": 2, "WORKCENTER": "BE2" } ] }, { "counter": 12, "LINE": "Testline", "REEFT_LINE": "Testline", "LINENAME": "Ce la Testline", "FIRST_WC": "FIRST_TESTLINE", "FIRST_WORKCENTER": "FIRST_TESTLINE", "LAST_WC": "LAST_TESTLINE", "LAST_WORKCENTER": "LAST_TESTLINE", "WORKCENTERS": "K10|K20|K30", "wc": [ { "WC_COUNTER": 1, "WORKCENTER": "K10" }, { "WC_COUNTER": 2, "WORKCENTER": "K20" }, { "WC_COUNTER": 3, "WORKCENTER": "K30" } ] } ], "header": { "myCMPNO": "00009", "myCMPNO_Name": "Ljungby Plant", "file_name": "HUB_CONFIG", "file_description": "DATA-HUB - Get various TAKT master information", "TAKT_LINES": "LA|LB|LC|LD|LE|LK|LF|LG|LH|LI|LJ|Testline", "TAKT_LINES_REEFT": "Line1|Line2|Line3|Line4|Line5|Line11|Line6|Line7|Mountline10|Line9|Line10|Testline", "TAKT_LINE_NAME": "Lean A|Lean B|Lean C|Lean D|Lean E|Lean K|Lean F|Lean G|Lean H|Lean I|Lean J|Ce la Testline", "DFT_PRODID_LEN": "25", "total_lines": "12", "total_workcenters": "81", "replyin_system": "LY9ASD01", "returnCode": "00", "returnMsg": "Alles ist gut", "currentDate": "2024-08-02", "currentTime": "12.31.43", "entries_found": 12, "pInput_lines": "", "pMySearchArg": "", "response_ms": "23352 ms", "response_sec": "0.023352 seconds", "response_sec_raw": "0.023352", "runmode": "*RPG" } }; // Function to list detail and wc nodes function listNodes() { var $list = $('#details-list'); console.log(jsonData); // Iterate over the details $.each(jsonData.detail, function(index, detail) { var $detailItem = $('<li>').text('Detail - LINE: ' + detail.LINE + ', LINENAME: ' + detail.LINENAME); // Create an unordered list for wc entries var $wcList = $('<ul>'); // Iterate over each wc in detail $.each(detail.wc, function(i, wc) { var $wcItem = $('<li>').text('WC_COUNTER: ' + wc.WC_COUNTER + ', WORKCENTER: ' + wc.WORKCENTER); $wcList.append($wcItem); }); // Append the wc list to the detail item $detailItem.append($wcList); $list.append($detailItem); }); } // Call the function to list nodes listNodes(); }); </script> </body> </html>